import { Text, View, StyleSheet, Button, Pressable, TextInput } from 'react-native';
import React, { useState, useRef, useEffect } from 'react';
import FontAwesome from 'react-native-vector-icons/FontAwesome';

interface IFooterProps {
    title:string
}

const Footer: React.FC<IFooterProps> = ({title}) => {
  return (<View style={styles.flexView}>
    <View style={[styles.line]}></View>
    <View style={[styles.title]}>
        <Text style={{color:'#aaa'}}>{title}</Text>
    </View>
    <View style={[styles.line]}></View>
  </View>);
};

const styles = StyleSheet.create({
    flexView:{
        flexDirection:'row',
        justifyContent:'center',
        height:20,
        marginBottom:20
    },
    title:{
        width:'20%',
        height:20,
        alignItems:'center',
    },
    line:{
        width:'40%',
        height:11,
        borderBottomWidth:1,
        borderColor:'#bbb',
        alignItems:'center'
    }
})

export default Footer;
